<template>
	<div>
		<div class="flex justify_content_between align_items_center content-wrapper p_lr_20 m_b_20">
			<div>
				<h2>视频图</h2>
			</div>
			<div>
				<Language></Language>
			</div>
		</div>
		
		<div class="content-wrapper p_20 indexBanner">
			<el-form label-width="120px">
				<!-- <el-form-item label="默认背景图">
					<el-upload class="avatar-uploader" ref="img" :action="imgBaseURL" :show-file-list="false" name="file" :before-upload="handleAvatarSuccess" >
						
						<img v-if="imageUrl" :src="imageUrl" class="avatar">
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
						<div slot="tip" class="el-upload__tip">推荐尺寸：123123 x 312312</div>
					</el-upload>
				</el-form-item> -->
				<UploadImg ref="UploadImg" :upImg = "upImg"></UploadImg>
				<el-form-item label="视频文件">
					<!-- <el-input v-model="form.description" type="textarea" maxlength="150" class="w_400" show-word-limit></el-input> -->
					<el-upload :action="imgBaseURL" name="audio" ref="audio" :before-upload="handleAvatarSuccess1" :file-list="fileList">
						<el-button size="small" type="primary">点击上传</el-button>
						<div slot="tip" class="el-upload__tip">仅支持mp4文件播放</div>
					</el-upload>
				</el-form-item>



				<el-form-item label="">
					<el-button type="primary" size="small" @click="edit">保存</el-button>
				</el-form-item>

			</el-form>
		</div>
	</div>
</template>
<script type="text/javascript">
	import methods from './method'

	export default {
		data() {
			return {
				form: {}, //列表数据
				id: 1,
				imageUrl:'',
				audioUrl:'',
				fileList:[],
				upImg:{
					label: '默认背景图',
					imageUrl: '',
					name: 'file',
					width: '1920',
					height: '928',
					file: ''
				}
			}
		},
		methods: methods,
		mounted() {
			this.getTableData()
		}
	}
</script>
